<template>
	<view class="tost" v-if="isShow">
		<view class="">
			<view style="text-align: right;">
				<image src="../static/home/share-toast/close.png" mode="widthFix"
				 style="width: 60rpx;" @click="isShow=false"></image>
			</view>
			<view class="">
				<image src="../static/home/share-toast/sharebg.png" mode="widthFix"></image>
			</view>
			<view class="btn">
				<view class=""> 保存图片 </view>
				<view style="background-color: #277EEF;color: #fff;"> 马上分享好友 </view>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		name:"woods-share-toast",
		props:{
			// isShow:{
			// 	type:Boolean,
			// 	default:false
			// }
		},
		data() {
			return {
				isShow:false
			};
		},
		watch:{
			isShow(visible){
				this.$emit("visible",visible)
			}
		},
		methods:{
			save(){
				
			}
		}
	}
</script>

<style scoped lang="scss">
.tost{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 999;
	background-color: rgba(0, 0, 0, 0.3);
	display: flex;
	justify-content: center;
	align-items: center;
	
	.btn{
		display: flex;
		justify-content: center;
		margin-top: 40rpx;
		view{
			flex: 1;
			padding: 20rpx;
			background: #F8F8F8;
			border-radius: 40rpx;
			font-weight: bold;
			font-size: 36rpx;
			color: #277EEF;
			line-height: 42rpx;
			text-align: center; 
			margin: 10rpx;
		}
	}
	
}
</style>